<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      .srcollBoard {
        height: 300px;
        width: 200px;
        border: 1px solid #000;
        overflow-y: auto;
        overflow-x: auto;
      }
      .contentItem {
        width: 200px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #000;
      }
    </style>
  </head>
  <body>
    <div class="srcollBoard">
      <ul>
        <li class="contentItem">1</li>
        <li class="contentItem">2</li>
        <li class="contentItem">3</li>
        <li class="contentItem">4</li>
        <li class="contentItem">5</li>
        <li class="contentItem">6</li>
        <li class="contentItem">7</li>
        <li class="contentItem">8</li>
        <li class="contentItem">9</li>
        <li class="contentItem">10</li>
        <li class="contentItem">11</li>
        <li class="contentItem">12</li>
        <li class="contentItem">13</li>
        <li class="contentItem">14</li>
        <li class="contentItem">15</li>
        <li class="contentItem">16</li>
        <li class="contentItem">17</li>
        <li class="contentItem">18</li>
        <li class="contentItem">19</li>
        <li class="contentItem">20</li>
        <li class="contentItem">21</li>
        <li class="contentItem">22</li>
        <li class="contentItem">23</li>
        <li class="contentItem">24</li>
        <li class="contentItem">25</li>
        <li class="contentItem">26</li>
        <li class="contentItem">27</li>
        <li class="contentItem">28</li>
        <li class="contentItem">29</li>
        <li class="contentItem">30</li>
        <li class="contentItem">31</li>
        <li class="contentItem">32</li>
        <li class="contentItem">33</li>
        <li class="contentItem">34</li>
        <li class="contentItem">35</li>
        <li class="contentItem">36</li>
        <li class="contentItem">37</li>
        <li class="contentItem">38</li>
        <li class="contentItem">39</li>
        <li class="contentItem">40</li>
        <li class="contentItem">41</li>
        <li class="contentItem">42</li>
        <li class="contentItem">43</li>
        <li class="contentItem">44</li>
        <li class="contentItem">45</li>
        <li class="contentItem">46</li>
        <li class="contentItem">47</li>
        <li class="contentItem">48</li>
        <li class="contentItem">49</li>
        <li class="contentItem">50</li>
        <li class="contentItem">51</li>
        <li class="contentItem">52</li>
        <li class="contentItem">53</li>
        <li class="contentItem">54</li>
        <li class="contentItem">55</li>
        <li class="contentItem">56</li>
        <li class="contentItem">57</li>
        <li class="contentItem">58</li>
        <li class="contentItem">59</li>
        <li class="contentItem">60</li>
        <li class="contentItem">61</li>
        <li class="contentItem">62</li>
        <li class="contentItem">63</li>
        <li class="contentItem">64</li>
        <li class="contentItem">65</li>
        <li class="contentItem">66</li>
        <li class="contentItem">67</li>
        <li class="contentItem">68</li>
        <li class="contentItem">69</li>
        <li class="contentItem">70</li>
        <li class="contentItem">71</li>
        <li class="contentItem">72</li>
        <li class="contentItem">73</li>
        <li class="contentItem">74</li>
        <li class="contentItem">75</li>
        <li class="contentItem">76</li>
        <li class="contentItem">77</li>
        <li class="contentItem">78</li>
        <li class="contentItem">79</li>
        <li class="contentItem">80</li>
        <li class="contentItem">81</li>
        <li class="contentItem">82</li>
        <li class="contentItem">83</li>
        <li class="contentItem">84</li>
        <li class="contentItem">85</li>
        <li class="contentItem">86</li>
        <li class="contentItem">87</li>
        <li class="contentItem">88</li>
        <li class="contentItem">89</li>
        <li class="contentItem">90</li>
        <li class="contentItem">91</li>
        <li class="contentItem">92</li>
        <li class="contentItem">93</li>
        <li class="contentItem">94</li>
        <li class="contentItem">95</li>
        <li class="contentItem">96</li>
        <li class="contentItem">97</li>
        <li class="contentItem">98</li>
        <li class="contentItem">99</li>
        <li class="contentItem">100</li>
        <li class="contentItem">101</li>
        <li class="contentItem">102</li>
        <li class="contentItem">103</li>
        <li class="contentItem">104</li>
        <li class="contentItem">105</li>
        <li class="contentItem">106</li>
        <li class="contentItem">107</li>
        <li class="contentItem">108</li>
        <li class="contentItem">109</li>
        <li class="contentItem">110</li>
        <li class="contentItem">111</li>
        <li class="contentItem">112</li>
        <li class="contentItem">113</li>
        <li class="contentItem">114</li>
        <li class="contentItem">115</li>
        <li class="contentItem">116</li>
        <li class="contentItem">117</li>
        <li class="contentItem">118</li>
        <li class="contentItem">119</li>
        <li class="contentItem">120</li>
        <li class="contentItem">121</li>
        <li class="contentItem">122</li>
        <li class="contentItem">123</li>
        <li class="contentItem">124</li>
        <li class="contentItem">125</li>
        <li class="contentItem">126</li>
        <li class="contentItem">127</li>
        <li class="contentItem">128</li>
        <li class="contentItem">129</li>
        <li class="contentItem">130</li>
        <li class="contentItem">131</li>
        <li class="contentItem">132</li>
        <li class="contentItem">133</li>
        <li class="contentItem">134</li>
        <li class="contentItem">135</li>
        <li class="contentItem">136</li>
        <li class="contentItem">137</li>
        <li class="contentItem">138</li>
        <li class="contentItem">139</li>
        <li class="contentItem">140</li>
        <li class="contentItem">141</li>
        <li class="contentItem">142</li>
        <li class="contentItem">143</li>
        <li class="contentItem">144</li>
        <li class="contentItem">145</li>
        <li class="contentItem">146</li>
        <li class="contentItem">147</li>
        <li class="contentItem">148</li>
        <li class="contentItem">149</li>
        <li class="contentItem">150</li>
        <li class="contentItem">151</li>
        <li class="contentItem">152</li>
        <li class="contentItem">153</li>
        <li class="contentItem">154</li>
        <li class="contentItem">155</li>
        <li class="contentItem">156</li>
        <li class="contentItem">157</li>
        <li class="contentItem">158</li>
        <li class="contentItem">159</li>
        <li class="contentItem">160</li>
        <li class="contentItem">161</li>
        <li class="contentItem">162</li>
        <li class="contentItem">163</li>
        <li class="contentItem">164</li>
        <li class="contentItem">165</li>
        <li class="contentItem">166</li>
        <li class="contentItem">167</li>
        <li class="contentItem">168</li>
        <li class="contentItem">169</li>
        <li class="contentItem">170</li>
        <li class="contentItem">171</li>
        <li class="contentItem">172</li>
        <li class="contentItem">173</li>
        <li class="contentItem">174</li>
        <li class="contentItem">175</li>
        <li class="contentItem">176</li>
        <li class="contentItem">177</li>
        <li class="contentItem">178</li>
        <li class="contentItem">179</li>
        <li class="contentItem">180</li>
        <li class="contentItem">181</li>
        <li class="contentItem">182</li>
        <li class="contentItem">183</li>
        <li class="contentItem">184</li>
        <li class="contentItem">185</li>
        <li class="contentItem">186</li>
        <li class="contentItem">187</li>
        <li class="contentItem">188</li>
        <li class="contentItem">189</li>
        <li class="contentItem">190</li>
        <li class="contentItem">191</li>
        <li class="contentItem">192</li>
        <li class="contentItem">193</li>
        <li class="contentItem">194</li>
        <li class="contentItem">195</li>
        <li class="contentItem">196</li>
        <li class="contentItem">197</li>
        <li class="contentItem">198</li>
        <li class="contentItem">199</li>
        <li class="contentItem">200</li>
      </ul>
    </div>
    <script>
      const scb = document.querySelector('.srcollBoard')

      scb.onScroll = function () {
        console.log(1)
      }
    </script>
  </body>
</html>
